<html xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" >  

    <ui:composition template="layout.xhtml">
        <ui:define name="corpo">
            <h:form id="form" acceptcharset="utf-8"> 

                <p:messages  id="msg" closable="true"/> 
                <div id="breadcrumb">
                    <p:commandLink  actionListener="#{managerIndex.redirect('index.xhtml')}" value="Inicio" update="@form" immediate="true"/> >
                    <p:commandLink  actionListener="#{managerIndex.redirect('indexLivro.xhtml')}" value="livros" update="@form" immediate="true"/> >
                    <p:commandLink   value="Editar" update="@form" immediate="true"/>
                </div>
                <p:panel id="panel" header="Cadastrar Livro">   
                    <h:panelGrid columns="2"  border="0" styleClass="textAlignRight" columnClasses="textAlignRight"> 
                        <h:outputLabel value="Titulo :"/>
                        <p:inputText value="#{managerEditarLivro.livro.titulo}" size="30" required="true" requiredMessage="o campo titulo não pode ser vazio" />
                        <h:outputLabel value="Numero :"/>
                        <p:inputText value="#{managerEditarLivro.livro.numero}"/>
                        <h:outputLabel value="Descricao :"/>
                        <p:inputTextarea value="#{managerEditarLivro.livro.descricao}" cols="50"/>
                        <h:outputLabel value="Qtd Folhas:"/>
                        <p:inputText value="#{managerEditarLivro.qtdFolhas}" required="true" requiredMessage="o campo qtd não pode ser vazio"/>
                    </h:panelGrid>
                </p:panel>       
                <br/>
                <center>
                    <p:commandButton  style="width: 90px" icon="ui-icon-disk"  id="btSalvar" value="Editar" actionListener="#{managerEditarLivro.editar()}" update="@form"/>
                    <p:commandButton  style="width: 90px" icon="ui-icon-arrowreturnthick-1-w"  value="Cancelar" actionListener="#{managerVisualizarLivro.redirect('indexLivro.xhtml')}" immediate="true"/>
                </center>
                
                 <p:blockUI block="btSalvar" trigger="btSalvar">  
                        CARREGANDO...<br />  
                        <p:graphicImage value="/media/img/ajax-loader.gif"/>  
                    </p:blockUI>

            </h:form>
        </ui:define>
    </ui:composition>
</html>
